<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>简洁 论坛</title>
    <meta name="keywords" content="Beetl,BeetlSql" />
    <meta name="description" content="论坛模板" />
    <link rel="shortcut icon" href="/img/favicon.ico" />
    <link th:href="@{/css/bootstrap.min.css}" rel="stylesheet" />
    <link th:href="@{/font-awesome.min.css}" rel="stylesheet" />
    <script th:src="@{/js/jquery-2.1.1.js}"></script>
    <script th:src="@{/js/alert.js}"></script>
    <script th:src="@{/js/common.js}"></script>
    <script th:src="@{/js/index.js}"></script>
    <script th:src="@{/js/jquery.min.js}"></script>
    <script th:src="@{/js/bootstrap.js}"></script>
    <script th:src="@{/js/bootstrap.min.js}"></script>
    <script th:src="@{/js/bootstrap.page.js}"></script>
    <style type="text/css">
    	.ani{-webkit-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;}
		.serach .form-control{border-color: #ffce3d;}
		#serach-btn{border-color: #ffce3d;background: #f56a00;color: #fff;}
		.serach .form-control:focus {border-color: #ffce3d;box-shadow: inset 0 1px 1px rgba(0,0,0,.075);}
    	body { padding-top: 70px;font-family: PingFang SC,Microsoft YaHei,sans-serif; background-color: #f9f9f9;}
    	.navbar-brand>svg{width: 24px;vertical-align: middle;fill:#000;}
    	.mcount{background-color: orange;position: relative;top: -1px;}

   		.navbar-default{background: #ffce3d;border-color:#fff;}
   		.navbar-default .navbar-brand , .navbar-default .navbar-nav>li>a{color: #000;}
   		.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover{ color: #000;}
   		.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {color: #000; background-color: #ffbf00;}
		.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{ color: #000; background-color: #ffbf00;}
   		
   		#serach-btn:hover{cursor: pointer;}
   		
   		.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {border-color: #f56a00;background-color: #ffce3d;}
		.navbar-default .navbar-toggle {border-color: #f56a00;}
   		.navbar-default .navbar-toggle .icon-bar {background-color: #f56a00;}
   		.navbar-default .navbar-collapse, .navbar-default .navbar-form{border-color: #f56a00}
/*    		分页插件样式 */
   		.pagination>li>a, .pagination>li>span,.pagination>li>a:hover{color: #000;}
		.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover{background-color: #ffbf00;    border-color: #ffbf00;color: #fff;}
    	.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{color: #fff;background-color: #f56a00;border-color: #f56a00;}
    	.pagination>li:first-child>a,.pagination>li:first-child>span, .pagination>li:last-child>a,  .pagination>li:last-child>span{border-radius: 0px}
   		
   		.author-panel{background: #fff;padding: 15px;overflow: hidden;}
    	.author-panel	.head { width: 50%;overflow: hidden;border-radius: 50%;}
   		.author-panel .name{margin-top: 15px;}
   		.author-panel .home a{color: #555}
		.author-panel .help{width: 100%}
/*    		首页样式 */
        .topic{position:relative;width: 100%;overflow: hidden;padding: 15px;background: #fff; margin: 14px 0;}
        .topic .li-style{background-color:#33FF33;}
		.topic .admin{position: absolute;top: 10px;right: 10px;}
/*     	.topic:hover{cursor: pointer;box-shadow: 0 5px 20px -4px rgba(153, 153, 153, 0.38); transform: translateY(-2px);} */
     	.topic:hover{cursor: pointer;}
    	.topic .author{font-size: 14px;color:#333;margin-bottom: 5px;}
    	.topic .author a{color:#333;}
    	.topic .author span{color: #999;}
    	.topic .author .type{color: #bfbfbf;font-size: 14px;}
    	.topic .post .label{color: #fff}
    	.topic .post .tiezi{color: #333;font-size: 15px;} 
    	.li-style{line-height:50px; height:70px;}
    	.author,.post{height:25px}  		
/*    		滚动条样式 */
   		::-webkit-scrollbar {width: 10px!important;height: 5px!important;-webkit-appearance: none;}
		::-webkit-scrollbar-thumb {height: 5px;border: 1px solid transparent;border-top: none;border-bottom: none;-webkit-border-radius: 6px;background-color: rgba(0,0,0,.3);background-clip: padding-box;}
		
    </style>
</head>
<body>
<nav class="navbar navbar-default navbar-fixed-top">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="/bbs/bbs/index">呵呵666-论坛</a>
    </div>

    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
      <ul class="nav navbar-nav">
        <li><a href="/index/1.html">首页综合</a></li>
        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown">板块 <span class="caret"></span></a>
          <ul class="dropdown-menu" role="menu">
			  <li th:each="module,moduleStat : ${modules}" ><a th:href="@{/topic/module/${moudle.id}-1.html}" th:text="${module.name}"></a></li>
          </ul>
        </li>
      </ul>
      <form class="navbar-form navbar-left">
        <div class="form-group">
	        <div class="input-group serach">
	         	<input type="text" class="form-control" id="keyword" name="keyword" placeholder="关键字搜索" />
			  	<span class="input-group-addon" id="serach-btn">搜索</span>
			</div>
         </div>
      </form>
      
      <ul class="nav navbar-nav navbar-right" th:if="${currentUser} == null" >
				<li><a href="#login-dialog" data-toggle="modal"><i class="fa fa-sign-in"></i> 登录</a></li>
				<li><a href="#reg-dialog" data-toggle="modal"><i class="fa fa-user-plus"></i> 注册</a></li>
	  </ul>
	  <ul class="nav navbar-nav navbar-right" th:if="${currentUser} != null" >
				<li><a href="/bbs/topic/add.html"><i class="fa fa-plus"></i> 发帖</a></li>
				<li class="dropdown">
					<a href="#" class="dropdown-toggle" data-toggle="dropdown" th:text="${currentUser.userName}"><i class="fa fa-user-circle-o"></i><span class="badge mcount" th:if="${mcount} gt 0" th:text="${mcount}"></span><span class="caret"></span></a>
					<ul class="dropdown-menu" role="menu">
						<li><a href="javascript:;" th:text="|你已有${currentUser.score}积分|"></a></li>
						<li><a href="javascript:;" th:text="|等级${currentUser.level}|"></a></li>
						<li class="divider"></li>
						<li><a href="/bbs/myMessage.html">给我的回复</a></li>
					</ul>
				</li>
				<li><a href="javascript:;" onclick="$.post('/bbs/user/logout',function(){location.reload()})"><i class="fa fa-sign-out"></i> 注销</a></li>
      </ul>
    </div><!-- /.navbar-collapse -->
  </div><!-- /.container-fluid -->
</nav>
<div class="container">
	    <div class="row">
			<div class="col-sm-9">
			    <div class="postTitle" th:text="${pagename}"></div>
				<div id="post-list" class="li-style">
		            <ul>
		                <li class="li-style" th:each="topic,topicStat : ${topicPage}" >				
					       <div class="post">
					          <span class="label label-danger" th:if="${topic.isUp} eq 0">重要</span>
						      <span class="label label-warning" th:if="${topic.isNice} eq 0">精品</span>
							      主题：<a class="tiezi" th:href="'/bbs/topic/'+${topic.id}+'-1.html'" th:text="${topic.content}"></a>
					       </div>
					       <div class="author">
						                  博主：<a href="javascript:;" th:text="${topic.user.userName}"></a>&nbsp;&nbsp;&nbsp;&nbsp;
						                  所属板块：<a class="type" href="/bbs/topic/module/${topic.moduleId}-1.html" th:text="${topic.module.name}"></a>&nbsp;&nbsp;&nbsp;&nbsp;
						                  创建时间：<span th:text="${#dates.format(topic.createTime,'yyyy-MM-dd HH:mm:ss')}"></span>&nbsp;&nbsp;&nbsp;&nbsp;
						                  帖子数：<span th:text="${topic.postCount}"></span>&nbsp;&nbsp;&nbsp;&nbsp;
						                  浏览数：<span th:text="${topic.pv}"></span>
					       </div>
					       <div class="admin" data-topic="${topic.id}" th:if="${isAdmin} == true">
							  <a href="javascript:;"  class="btn btn-default btn-xs nice-btn">精华</a>
							  <a href="javascript:;"  class="btn btn-default btn-xs top-btn">置顶</a>
							  <a href="javascript:;"  class="btn btn-default btn-xs del-btn">删除</a>
					       </div>
				        </li>
			        </ul>
                 </div>
			</div>
  			<div class="col-sm-3">
  					<div class="author-panel">
  							<div class="head"></div>
	  						<div class="name">作者：高峰</div>
	  						<div class="home">
	  							官网：
	  							<a th:href="@{http://hehe666.com}" target="_Blank">我的网站<i class="fa fa-home"></i></a>
	  						</div>
	  						<div class="blogs">
	  							博客：
	  							<a th:href="@{http://blog.csdn.net/gaofeng5616}" target="_Blank">CSDN</a>
	  							<a th:href="@{https://gitee.com/Feng-Grant}" target="_Blank">码云</a>
	  							<a th:href="@{https://github.com/Feng-Grant}" target="_Blank">GitHub</a>
	  						</div>
	  						<div class="projects">
	  							作品：未完待续
	  						</div>
	  						<div class="QQ">qq：1922989328</div>
  							<div class="help">
  								

  								<div>
  								<b>微信捐助个人项目</b>：	
  									<img th:src="@{/images/weixin.png}" width="100%" />
  								<b>支付宝捐助个人项目</b>：
  									<img th:src="@{/images/zhifubao.png}" width="100%" />
  								</div>
  							</div>
  					</div>
  			</div>
	  	</div>
           	
</div>
<div class="modal fade" id="login-dialog" tabindex="-1">
		<div class="modal-dialog modal-sm">
			<div class="modal-content">
				<div class="modal-body">
					<form action="/bbs/user/login" onsubmit="return ajaxSubmit(this,'reload')">
		                <div class="form-group">
							<label>用户名</label>
							<input type="text" placeholder="请输入您用户名" name="userName"  class="form-control" />
						</div>
	                       <div class="form-group">
	                           <label>密码</label>
								<input type="password" placeholder="请输入密码" name="password" class="form-control" />
	                       </div>
						<button class="btn btn-primary btn-block" type="submit">登 录</button>
               		</form>
				</div>
			</div>
		</div>
</div>
<div class="modal fade" id="reg-dialog" tabindex="-1" th:if="${currentUser} == null">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-body">
					<form class="form-horizontal m-t" id="signupForm" data-parsley-validate="true" th:action="@{/bbs/user/doRegister}" th:method="post" onsubmit="return ajaxSubmit(this)">
			              <div class="form-group">
			                  <label class="col-sm-3 control-label">用户名：</label>
			                  <div class="col-sm-8">
			                      <input id="username" name="userName" class="form-control error" type="text" placeholder="我们该如何称呼您？" required="required" />
			                  </div>
			              </div>
			            <div class="form-group">
			                  <label class="col-sm-3 control-label">密码：</label>
			                  <div class="col-sm-8">
			                      <input id="password" name="password" class="form-control error" type="password" placeholder="请输入6-20位字母数字组合" required="required" />
			                  </div>
			              </div>
			              <div class="form-group">
			                  <label class="col-sm-3 control-label">E-mail：</label>
			                  <div class="col-sm-8">
			                      <input id="email" name="email" class="form-control" type="email" placeholder="请输入邮箱地址" required="required" />
			                  </div>
			              </div>
			              <div class="form-group">
			                  <label class="col-sm-3 control-label">公司：</label>
			                  <div class="col-sm-8">
			                      <input id="corp" name="corp" class="form-control valid" type="text" placeholder="请输入公司名字" required="required" />
			                  		<span class="help-block m-b-none"><i class="fa fa-info-circle"></i>留下你的公司名字，以方便beetl统计使用者，除非被黑客攻击，网站不会在任何情况下泄露你个人信息</span>
			                  </div>
			              </div>
			              <div class="form-group">
			                  <label class="col-sm-3 control-label">验证码：</label>
			                  <div class="col-sm-8" style="position:relative;">
			                      <input id="code" name="code" class="form-control valid" type="text" placeholder="请输入验证码" required="required" />
			                  		<img src="/bbs/user/authImage" onclick="this.src='/bbs/user/authImage?_='+Date.now()" title="点击刷新验证码" style="position:absolute;height:32px;top:1px;right:16px;cursor:pointer;border-radius:0 4px 4px 0" />
			                  	</div>
			              </div>
			              <div class="form-group">
			                  <div class="col-sm-8 col-sm-offset-3">
			                      <button class="btn btn-primary" type="submit">提交</button>
			                  </div>
			              </div>
			          </form>
				</div>
			</div>
		</div>
</div>

</body>
</html>
